<!DOCTYPE html>
<html>
    <head><title>用户行为状态报告 {{  end }}</title></head>
    <style type="text/css">
        body{font-size: 15px;}
        h2{padding-left: 50px;}
        td{padding: 5px;}
        table{width: 700px;}
        #statis { background-color: #cca; }
        #mov_today {background-color: #ccf;}
        #mov_history {background-color: #ccd;}
        #dev{background-color: #ccf;}
        .num_col{ text-align: center;width: 100px;}
        /*table{padding: 10px}*/
        /*div{padding: 10px}*/
    </style>
    <body>
        <center><h1>用户行为状态报告({{ n_date }})</h1></center>
        <div>
            <h2>用户状态概览</h2>
            <table id="statis">
                <tr><td>客户端总数:</td><td class="num_col">{{ total_client  }}</td></tr>
                <tr><td>设备总数:</td><td class="num_col">{{ total_dev }}</td></tr>
                <tr><td>今日活动用户:</td><td class="num_col"> {{ active_user }}</td></tr>
                <tr><td>今日新用户:</td><td class="num_col"> {{ new_user }}</td></tr>
                <tr><td>今日播放过视频的用户:</td><td class="num_col"> {{ video_user }}</td></tr>
                <tr><td>今日播放过音乐的用户:</td><td class="num_col"> {{ music_user }}</td></tr>
                <tr><td>今日查看过图片的用户:</td><td class="num_col"> {{ picture_user }}</td></tr>
                <tr><td>今日打过文档的用户:</td><td class="num_col"> {{ document_user }}</td></tr>
                <tr><td>今日使用过百度云的用户:</td><td class="num_col"> {{ baidu_user }}</td></tr>
                <tr><td>今日视频播放总时间(秒):</td><td class="num_col"> {{ videotime }}</td></tr>
                <tr><td>今日图片查看总时间(秒):</td><td class="num_col"> {{ picturetime }}</td></tr>
                <tr><td>今日音乐播放总次数:</td><td class="num_col"> {{ musictime }}</td></tr>
                <tr><td>今日文档查看总次数:</td><td class="num_col"> {{ doctime }}</td></tr>
                <tr><td>今日客户端打开总次数:</td><td class="num_col"> {{ startcount }}</td></tr>
            </table>
        </div>
        <div>
            <h2>终端设备总排行</h2>
            <table id="dev">
                <th>设备名称</th><th>使用人数</th>
                {% for name,times,fname in favorite_dev %}
                <tr><td>
                    {% if fname %}
                        {{ fname }} 
                    {% else %}
                        {{ name }}
                    {% endif %}
                </td><td class="num_col">{{ times }} </td></tr>
                {% endfor %}
            </table>
        </div>
        <div>
            <h2>今日电影点击排行</h2>
            <table id="mov_today">
                <th>电影名称</th><th>点击次数</th>
                {% for name,times in today_favorite_mov %}
                <tr><td>{{ name }}</td><td class="num_col">{{ times }}</td></tr>
                {% endfor %}
            </table>
        </div>

        <div>
            <h2>电影点击总排行</h2>
            <table id="mov_history">
                <th>电影名称</th><th>点击次数</th>
                {% for name,times in total_favorite_mov %}
                <tr><td>{{ name }}</td><td class="num_col">{{ times }}</td></tr>
                {% endfor %}
            </table>
        </div>
        <div><br><br>报告生成时间: {{ end }}</div>
    </body>
</html>
